@charset "utf-8";
/*.header .uk-navbar{height: 80px;}*/
.header{width: 100%;background: #fff;position:relative; z-index:5;}
.header:hover{background:#fff;}
.header:before{content: ""; position:absolute; width: 100%; bottom: 0; z-index: 0; height: 0px; background:#ddd; }
.header .uk-navbar-container:not(.uk-navbar-transparent) {background:inherit;}
.header .uk-logo.logo{width:420px; height:80px; transition: all 1s; background: url(../images/logo.png) no-repeat left center; background-size: 100% }
.header:hover .uk-logo.logo{background: url(../images/logo-hover.png) no-repeat left center; background-size: 100% }
.header .uk-navbar-nav{margin-left: 0px;}
.header .uk-navbar-nav>li>a,.header .uk-navbar-toggle{min-height: 80px; }
.header .uk-navbar-nav>li{ margin:0 15px; }
.header .uk-navbar-nav.rr{margin-left: 0;}
.header .uk-navbar-nav.rr>li{ margin:0px; }
.header .uk-navbar-nav>li>a{padding: 0 5px;font-size: 18px;  font-family:'Arial',"Microsoft YaHei","Lucida Grande";}
.header:hover .uk-navbar-nav>li>a{color: #727171}
.header .uk-nav>li>a {text-align: center;}
.header .uk-navbar-dropdown{background: initial; border-top:0px solid #cf000e; width:140px; padding:30px 0; }
.header .uk-navbar-dropdown .uk-drop{width:100% !important;}
.header .uk-navbar-dropdown-nav>li>a{ border: 0px solid #ccc; border-radius: 4px; font-size: 14px; padding: 5px 0; margin-bottom: 5px; background: #fff; color: #727171;}
.header .uk-navbar-dropdown-nav>li>a:hover{color: #fff; background: #cf000e; border: 0px solid #cf000e;}


.header .uk-navbar-nav.gnav>li.uk-open>a{font-family: 'Dosis', sans-serif;color:#cf000e; color: #cf000e;}
.header .uk-navbar-nav.gnav>li.uk-open>a:before{content: ""; position:absolute;left: 0; right: 0; margin: 0 auto; top: 55px; width:90%; background: #cf000e; height: 2px; color: #cf000e; } 
.header .uk-navbar-nav.gnav>li{position:relative;}

.header .uk-navbar-nav.gnav>li:>a:before{
	transition: background .3s cubic-bezier(.25,.46,.45,.94) 0s;
	    transform: skew(-29deg);
	    transform-origin: left bottom;
}

.header .uk-navbar-nav.gnav>li:hover>a:before{content: ""; position:absolute;left: 0; right: 0; margin: 0 auto; top: 55px; width:90%; background: #cf000e; height: 2px;
transition: background .3s cubic-bezier(.25,.46,.45,.94) 0s;
    transform: skew(-29deg);
    transform-origin: left bottom;
}

.nav-dow li .dwbg{z-index: 1;opacity: 0; position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,.7); transition: all 0.5s;}
.nav-dow li:hover .dwbg{opacity: 1;}
.nav-dow li a:hover,.nav-dow li a:hover h4,.nav-dow li a:hover h6{color: #cf000e}
.anli-fl{z-index: 5}
.anli-fl .t{position: relative; margin:0 30px; padding-bottom: 20px; border-bottom: 1px solid #fff}
.anli-fl .t span{width: 20px; height: 20px; position: absolute; top: 20px; right: 0;}




[class*=uk-dropdown-bottom] {margin-top:0px;}

.header .uk-navbar-nav>li>a.uk-open{color:#cf000e}
.uk-modal-close-full{background: initial;}

#layout{position:absolute; width: 100%; z-index: 10;}
#layout#headbox{position: relative; width: 100%;}
.uk-sticky-fixed{box-shadow:0px 1px 5px 2px rgba(204,204,204,0.2);}
#layout.uk-sticky-fixed .header{background:rgba(255,255,255,1);}
#layout.uk-sticky-fixed .header .uk-logo.logo{background: url(../images/logo-hover.png) no-repeat left center; background-size: 100%}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a, #layout .header:hover a, #layout.uk-sticky-fixed a{color: #000}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a:hover{color:#cf000e;}

#layout .header .uk-navbar-dropdown-nav>li>a:hover{color: #fff; background: #cf000e}
#layout .header .uk-navbar-nav>li>a.uk-open{color:#cf000e;}
#layout .header .uk-navbar-nav>li>a:hover{color: #cf000e}


#layout .uk-search-navbar .uk-search-input {font-size: 1rem;}
#layout .uk-navbar-toggle.search{padding-right: 0}

.header .uk-navbar-dropbar-slide{background:rgba(0,0,0,.7); background-size: 100%; box-shadow: 0 5px 7px rgba(0,0,0,.0);}


.left-menu .uk-nav-parent-icon>.uk-parent>a::after{
    transform:rotate(180deg);
-ms-transform:rotate(180deg);     /* IE 9 */
-moz-transform:rotate(180deg);    /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);  /* Opera */
}
.left-menu .uk-nav-parent-icon>.uk-parent.uk-open>a::after{
    transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);  /* Opera */
}
.uk-offcanvas-bar.left-menu {background: #cf000e}
.uk-offcanvas-bar.left-menu hr{background: rgba(255,255,255,0.1);}
.uk-offcanvas-bar.left-menu .en a, .uk-offcanvas-bar.left-menu .bq,.uk-offcanvas-bar.left-menu .design a{color:rgba(255,255,255,0.4); }
.uk-offcanvas-bar.left-menu .bq,.uk-offcanvas-bar.left-menu .design a{font-size: 12px; line-height: 16px;}

.rexian{color: #cf000e; font-family: Arial,}
/*gghead*/
.header.gghead{border-bottom:0;}
.header.gghead .uk-logo.logo{background: url(../images/logo-hover.png) no-repeat left center; background-size: 100% }
.header.gghead .uk-navbar-nav>li>a,.header.gghead .sousuo a{color: #565656;}
.header.gghead .uk-navbar-nav>li>a.rexian{color: #cf000e; font-family: Arial;}
.header.gghead .uk-navbar-nav>li>a.rexian i.uk-icon-button{background:#ddd; width: 30px; height: 30px;}
.header.gghead .uk-navbar-nav>li>a.rexian span{font-weight: bold; font-size:30px;margin-left:5px; }

.header.gghead .uk-navbar-nav>li>a:hover{color: #cf000e}
.header.gghead .sousuo a:hover{color: #cf000e}
.header.gghead .uk-navbar-nav>li>a.cur {color: #cf000e;}

.uk-modal{background: rgba(0,0,0,.8);}
.uk-sticky-fixed .header{background:#fff;}

/*  */
.boxmain{position: relative;}
.boxmain:before{position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 5vw;
    height: 100%;
    background: #b00f14;
    content: " ";}
/*banner*/
.banner{position: relative;overflow: hidden; background:#04091e;height:800px;}
.banner .biaoyu, .banner .down{z-index:2;}
.banner .biaoyu .en-bt{font-size:7.5vw; line-height: 1.0; font-weight:500; font-family: Arial; }
.banner .biaoyu h1 span{font-weight:500;font-family: Arial;}
.banner .biaoyu .line{width: 45px; height: 3px; background: #e60012; margin-top: 15px;}
.banner .video{position: absolute;vertical-align: middle;  width: 100%; height: 100%; overflow: hidden;}
.banner .video video{width: 100%;}
.banner .adbg{position: absolute;z-index:1; width: 100%; height: 100%; background:rgba(0,0,0,0.3);}
.banner .down{bottom:50px;}
.banner .down .uk-icon-button{background:rgba(255,255,255,0.4) }
.banner .down .uk-icon-button svg{color: #333}
.banner .down .uk-icon-button:hover{background:#1eaa39; color: #fff}
.banner .down .uk-icon-button:hover svg{color: #fff}

.banner .byRight{position: absolute;left: 47.5vw; width: 30%; top: 60%; z-index: 3; margin-top: 5.0vh;}
.banner .byRight .bybox{position: relative;}
.banner .byRight .w{position: absolute; top: 20px; right: 0; font-size: 22px; line-height: 28px; font-weight: 100;font-family:"font2018";}
.banner .byRight .w span{font-family:"font2018";}
.banner .byRight .line1:before{content: ""; position: absolute; top: 1px; width: 100%; height: 1px; background:rgba(255,255,255,0.3); }
.banner .byRight .line1{height: 3px; border-right:1px solid rgba(255,255,255,0.3); margin-bottom: 15px; width:100%;}
.banner .byRight .line1 .nx{position: relative;z-index: 3; height: 3px; width: 65%; background: #e60012;}


.banner .bmore{background:#cf000e; position: absolute;z-index: 2;  right:0; bottom:0; padding: 0px 10px; height: 45px; line-height: 45px;}
.banner .bmore:hover{background:#ab000c;}
.banner .bmore span{vertical-align:middle; margin-top: -5px;}
.banner .bmore span,.banner .bmore a{color: #fff;line-height: 45px; font-size: 18px}
.banner .bmore a.uk-button-default{border: 0}
.banner .bnews{position: absolute;z-index: 2;right:0; bottom:0;  left: 47.5vw;height: 45px; line-height: 45px; background: #f7081f; color: #fff;}
.banner .bnews a{color: #fff;}
.banner .nlb{padding: 0 15px 0 0;}
.banner .nlb .btbg{background: #cf000e; text-align: center;}
.banner .nlb .nl{padding: 0 0 0 15px;}
.banner .nlb .nl span{float: right; line-height: 42px; vertical-align: middle;}
.banner .nlb .nl a:hover{text-decoration: underline;}


.ggbanner{position: relative;background:#cf000e;height:600px; overflow: hidden; background-size: 100%}
.ggbanner.news-xx-h{height: initial; overflow: hidden;}
.ggbanner .biaoyu h1{font-size:3.0vw; font-weight:700}
.ggbanner .biaoyu{z-index:1;}
.ggbanner .biaoyu .en-bt{line-height: 1; text-transform: uppercase;}
.ggbanner .biaoyu .txt{padding-bottom: 50px;}
.ggbanner .adbg{position: absolute; width: 100%; height: 100%;background:rgba(0,0,0,0.2);}
.ggbanner .video{overflow: hidden;}
.ggbanner .video video{width: 100%; margin-top:-160px;}



/*footer*/
.footer{color:#727171; background: #f5f5f5; font-size: 14px;}
.footer_inner{z-index: 1;padding: 72px 10vw;}
.footer .footer_inner .ptb{padding-top: 30px; border-top: 1px solid #999;}
.footer a:hover, .footer .uk-subnav>*>:first-child:hover{color: #cf000e;}
.footer .uk-subnav>*>:first-child{color: #727171;}
/*.footer .ewm img{width:90%;}*/
.footer .uk-nav>li>a{padding:0 0 3px;}
.footer .uk-nav>li>a:hover{color: #cf000e}
.footer .uk-active .f-bt{color: #bbb; font-weight: bold; line-height:18px; padding-top: 0; padding-bottom:15px;}
.footer .lianxi{margin-top: 13px; line-height: 22px;}
.footer .lianxi span{vertical-align:center}
.footer .name{margin-top:5px;}
.footer .name p{font-size: 12px;}
.footer .name p, .footer .add, .footer .lianxi{line-height: 20px;}
.footer .ewm{max-width:120px; color: #999;margin-top:3px;}
.footer .ewm h6{color: #999; font-size: 12px;}
.banquan{padding:10px 0;background: #333; line-height:20px; font-size: 12px; color: #999; border-top: 1px solid rgba(255,255,255,0.1)}
.banquan .bq_inner{z-index: 1;padding:0 10vw;}
.banquan a{ color: #999}.banquan a:hover{ color: #cf000e}


/*公用*/
.title h4{text-transform: uppercase;}
.title .txt{color: #999}

.cont_box{margin-right: 5vw; padding-left: 5vw;}
.box_pr{padding-right:15px;}
.case-jdanli-box, .box_gg_pr{padding-right:5vw;}
.ggsubnav.uk-subnav-pill>*>:first-child{color: #333}
.ggsubnav.uk-subnav-pill>*>:first-child{position: relative; transition: all 0.5s;  font-size: 20px; font-weight: bold; padding:10px;}
.ggsubnav.uk-subnav-pill>*>:first-child:hover{color: #cf000e}
.ggsubnav.uk-subnav-pill>*>:first-child{border-bottom: 0px solid #ddd;}
.ggsubnav.uk-subnav-pill>*>:first-child:before{position: absolute; bottom: 0; left: 0; content:""; width: 100%; height:2px; background:#ddd;transition: all 0.5s;}
.ggsubnav.uk-subnav-pill>*>:first-child:hover:before{background:#cf000e;}
.ggsubnav.uk-subnav-pill>.uk-active>a{background:initial; color: #cf000e; }
.ggsubnav.uk-subnav-pill>.uk-active>a:before{position: absolute; bottom: 0; left: 0; content:""; width: 100%; height:2px; background:#cf000e;}

.wzbox.n{position: relative; float: right;}
.wzbox{display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 25vw;
    min-height: 144px;
    background: rgba(0,0,0,.8);
    -ms-flex-align: center;
    align-items: center;}
.wzbox .breadcrumb{
    position: relative;
    width: 20vw;
    padding: 0 2.4vw;
    color: #999;
    font-family: "Inter UI",sans-serif;
}
.wzbox .breadcrumb li+li {
    position: relative;
    padding-top: 20px;font-size: 14px;
}
.wzbox .breadcrumb li a{color: #fff;font-size: 14px;}
.wzbox .breadcrumb li+li:after {
    position: absolute;
    top: 6px;
    left: 4px;
    width: 1px;
    height: 8px;
    background: #db141b;
    content: " ";
}
.wzbox .scroll {
    position: absolute;
    top: 0;
    right: 0;
    width: 5vw;
    height: 100%;
    background: #9a0d12;
}
.wzbox .scroll span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 84px;
    margin-top: -42px;
    text-align: center;
}
.wzbox .scroll span:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 24px;
    margin: 0 0 0 -1px;
    background: #fff;
    content: " ";
    animation: scrollLine 2.4s cubic-bezier(.25,.46,.45,.94) infinite;
}


/*案例分类*/
.cont_box_case{position: relative;padding-left:6.5vw;}
.cont_box_case:before {content: "";position: absolute;top: 0;left: 0;width: calc(5vw - 8px);height: 100%;background: #f5f5f5;}
.cont_box_case .box_case_fl{display: -ms-flexbox; display: flex;margin-right:10px;}


.case-pic{background:#f5f5f5; overflow: hidden; transition: all 0.5s;}
.case-lb .head{position: relative;z-index: 5;padding: 40px ;}
.case-lb .head:before {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 16px;
    height: 3px;
    background: #111;
    content: " ";
}

.case-lb .head .flmc{height: 100px;padding-top: 32px; }
.case-lb .head .flmc.anl{height:inherit;padding-top: 20px; margin-bottom: 10px }
.case-lb .head .flmc h3,.case-lb .head .flmc h4{font-weight: bold;}

.case-lb .bg-case{opacity: 0; position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index:1;background:rgba(0,0,0,.7);}

.case-lb .wz{position: absolute; width: 100%; bottom: 0;}
.case-lb .wz .txt{position: relative; color: #fff; padding: 40px ;z-index:2; opacity: 0;transition: all 0.5s;}
.case-lb .wz .txt h4,.case-lb .wz .txt h6{color: #fff;}
.case-lb .wz .txt h6{line-height: 24px; font-size: 12px;}
.case-lb .wz .txt ul li {line-height: 40px; border-bottom: 1px solid #fff;transition: all 0.5s; text-transform: uppercase;}
.case-lb .wz .txt ul li:hover {border-bottom: 1px solid #cf000e; }
.case-lb .wz .txt ul li span{float: right;line-height: 40px;}
.case-lb .wz .txt ul li a{color: #fff; display: block;}
.case-lb .wz .txt ul li a:hover{color: #cf000e}
.case-lb .wz .txt h5{color: fff}

.case-lb .case-pic:hover .bg-case{opacity: 1;}
.case-lb .case-pic:hover .wz .txt{opacity: 1}
.case-lb .case-pic:hover{cursor: pointer;}
.case-lb .case-pic:hover .head:before{background: #fff;}
.case-lb .case-pic:hover .head,.case-lb .case-pic:hover .head .flmc h3,.case-lb .case-pic:hover .head .flmc h4{color: #fff;transition: all 0.5s;}

.casejt{background:rgba(255,255,255,.7); padding: 10px;}
.casejt:hover{background:#cf000e;}
.casejt svg{color: #333}
.casejt:hover svg{color: #fff}

.csbt h2,.csbt h6{font-family: "font2018"}

/*home 经典案例*/
.jd_case li{position: relative;}.jd_case a:hover h4{color: #cf000e;}
.jd_case li .chanshu{background:rgba(255,255,255,.8); font-size: 14px; font-weight: bold; padding:2px 15px; color: #cf000e}
.jd_case .uk-overlay-default{background:rgba(207,0,14,0.6);}
.jd_case_more{border-bottom: 1px solid #666; line-height: 36px;}
.jd_case_more:hover{border-bottom: 1px solid #cf000e;}
.jd_case_more a span{color: #cf000e; float: right; font-size: 12px;}

.jd_case_more.uk-button-text::before{border-bottom: 1px solid #cf000e;}
.uk-button-text:disabled::before {display: block;}
/*home-news*/
.home-news li{padding: 18px 0; border-bottom: 1px solid #ddd; }
.home-news li .rq{margin-right: 20px;}
.home-news li .lm{margin-right: 50px;}
.home-news li a:hover{text-decoration: underline;}
.home-news li a:hover .rq,.home-news li a:hover .lm{color: #cf000e;}
.box_news_pr{padding-right:5vw;}


/*home about*/
.home-about{position: relative; z-index:5}
.ha-more{border-bottom:1px solid #fff}
.ha-more:hover{border-bottom:1px solid #cf000e}
.ha-more a span{float: right}
.ha-more a:hover{color:#cf000e}

/*about*/
.ggbox{margin-left:5vw;}
.ggbox-pic{padding:60px 100px 40px 100px;}
.ggbt{position: relative; padding-left: 20px; color: #cf000e}
.ggbt h4{color: #cf000e}
.ggbt:before{position: absolute;
    top: 0;
    height: 100%;
    background: #b00f14;width: 4px;content: " ";left: 0;}

.a-bt{position: relative; padding-left: 25px; font-weight: bold;}
.a-bt:before{content: " ";position: absolute;top: 14px;left: 0; height:2px;width: 15px;background: #b00f14; }



/*case-xx*/
.case-xx-pho{padding-right:5vw;}
.case-xx-pho img{ margin-bottom:10px; }
.case-xx-pho li{position: relative;}
.case-xx-pho .sy{bottom: 40px; right: 40px; position: absolute; z-index: 1}
.case-xx-pho .sy img{margin-bottom: 0; width: 200px;}

.jiaru-more{width:100%; height:100%; text-align:center; background:#cf000e; color: #fff}
.jiaru-more a{position: relative; color: #fff; border-bottom: 1px solid #fff; margin:0 20px; padding:0 30px 5px 30px;}
.jiaru-more a:hover{color:rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5); }


/*sousuo*/
.sousuo{background:#2ba23a; color: #fff;}
.uk-search .sousuo.uk-search-icon{color: #fff;}
.uk-search-default .sousuo.uk-search-icon{width: 60px;}



/*biaodan*/
.biaodan{margin:0 auto;}
.cp-an:hover{background:#cf000e; color: #fff}
.biaodan .uk-input,.biaodan .uk-textarea{border-radius: 4px; background:#eee; border: 0}
.biaodan span{color: #cf000e}
/*zhaopin*/
/*job*/
.jobZw .uk-accordion-title{font-size: 18px; padding:18px 20px; border-top: 1px solid #ddd}
.jobZw .uk-open .uk-accordion-title{background:#eee; color: #2ba23a;}
.jobZw .uk-open .uk-accordion-title::before{color: #fff}

.jobZw .uk-accordion-content{margin-top:0; background:#f5f5f5;}

.jobZw .uk-accordion>:nth-child(n+2){margin-top:0;}

.jobZw li{border-bottom: 1px solid #ddd}
.jobJs h4{font-weight: bold;}
.yaoqiu{font-size: 14px; margin-top:10px; color:#666}
.jobCs{font-size: 14px;color:#666}



.sxt li{ padding:5px 0; }

.fanye a ,.fanye strong{margin-right:10px;}
.fanye strong span{color: #cf000e;font-weight: bold;}